<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>登录</title>
	<style>
/*css初始化*/
		*{
			margin: 0;
			padding: 0;
		}
		ul{
			list-style: none;/*去掉列表样式小点*/
		}

		.clearfix:before,.clearfix:after{/*三个清除浮动*/
			display: table;
			content: "";
		}
		.clearfix:after{
			clear: both;
		}
		.clearfix{
			*zoom:1;
		}
		body{
			background-color: #ffffff;
		}
		a{
			text-decoration: none;/*取消下划线*/
			font-size: 20px
		}
/*		背景区*/
		header{
			height: 765px;
			background-color: #ffffff;
			overflow: hidden;
		}
		.inheadbox{
			height: 70px;
			width: 900px;
			background-color:rgba(255,255,255,0);
			margin: 26px auto 0;
			
		}
		.inheadbox a{
			font-family: "kaiti" ;
		}
		.inheadboxbar{
			float: right;/*设置导航栏右浮动*/
			height: 42px;
			line-height:42px;/*设置行高等于高，使导航栏里文字居中，行高给父，让li继承此父类，因为给父写了就不用给每个li写了*/
		}
		.inheadboxbar li{
			float: left;/*让1，2，3一行显示*/
		}
/*		960 719*/
		.inheadboxbar li a{
			padding: 0 35px;/*上下0，左右25*/
			color:#A2A2A2;
			font-family: "kaiti" ;
		}
		.inheadboxbar li a:hover{
			color:darkblue;
		}
		
		.me{
			float: left;
			color:#A2A2A2;
			font-size: 20px;
			padding: 4px;
		}
		.me:hover{
			color: darkblue;
		}
		.black{
			color: darkblue!important;
		}
/*背景区*/
		.background{
			width:960px;
			height: 540px;
			background-color: yellow;
			margin: auto;
			background: yellow url(images/登录背景.jpg)no-repeat;
			background: cover;
			box-shadow: 25px 25px 25px rgba(0,0,0,.6);
		}
		.box input[type=text1]{/*属性选择器，type为text的文本框*/
			background-color:rgba(255,255,255,0.2);
			height: 40px;
			width: 350px;
			margin: 120px 0px 0 335px;
			font-family: "kaiti" ;
			font-size: 20px;
		}
		.box input[type=text2]{/*属性选择器，type为text的文本框*/
			background-color:rgba(255,255,255,0.2);
			height: 40px;
			width: 350px;
			margin: 25px 0px 0px 335px;
			font-family: "kaiti" ;
			font-size: 20px;
		}
		.box input[type=submit]{/*属性选择器，type为text的文本框*/
			background-color:rgba(255,255,255,0.5);
			height: 40px;
			width: 350px;
			margin: 40px 0px 0px 335px;
			font-family: "kaiti" ;
			font-size: 20px;
		}
		input{
			border: 0;
			box-sizing: border-box;/*boder和padding都包含到width里*/
			
		}
	</style>
</head>

<body>
<!--	头区-->
	<header>
		<div class="inheadbox">
			<a href="index.html" class="me">首页</a>
		    <div class="inheadboxbar">
			<ul>
				<li><a  class="black" href="登录.html">登录</a></li>
				<li><a  href="l联系.html">联系</a></li>
				<li><a  href="介绍.html">介绍</a></li>
			</ul>
		</div>
		</div>
		<div class="background">
		  <div class="box">
			<input type="text1" placeholder="用户名">
			<input type="text2" placeholder="密码">

			<input type="submit" value="登陆">
		  </div>
		</div>
	</header>

</body>
</html>
